﻿@import "base.less";

.otor-pagination{
  margin:20px 0 0 0;
  padding:20px;
  background: #fff;
  text-align: center;
  .total{font-size: 12px;margin-right:10px;}
  .page{
    padding: 0;
    display: inline-block;
    & li{
      display: inline-block;
      & a{
        margin: 0 7.5px;
        padding: 0 5px;
        display: inline-block;
        text-align: center;
        min-width: 20px;
        height: 28px;
        line-height: 28px;
        font-size: 12px;
        border-radius: 2px;
        background: #f2f2f2;
        text-decoration: none;
        color: #333;
      }
      &.active a{
        background: @blue-light;
        color: #fff;
      }
      &.disabled a{
        color: #999;
        cursor: not-allowed;
      }
    }
    .page_size{
      font-size:12px;margin-left:10px;
      .el-input{width:40px;margin:0 5px;}
      .el-input__inner{padding:0 5px;text-align: center;}
    }
    .el-button{margin-left:10px;}
  }
  &.left{text-align:left;}
  &.small{padding:10px;}
}